<h2>simplefx.js</h2>
<p>Simple Eyecandy effects: shadows, rounding etc.</p>
<hr/>

<h3>Functions</h3>
<ul>
	<li><a href="#shadow">OAT.SimpleFX.shadow(element, optionsObject)</a></li>
	<li><a href="#roundimg">OAT.SimpleFX.roundImg(element, optionsObject)</a></li>
	<li><a href="#rounddiv">OAT.SimpleFX.roundDiv(element, optionsObject)</a></li>
	<li><a href="#shader">OAT.SimpleFX.shader(clicker, target, optionsObject)</a></li>
</ul>

<hr/>

<h3><a name="shadow">OAT.SimpleFX.shadow(element, optionsObject)</a></h3>
<p>Adds a shadow to <em>element</em>. Available options are:</p>
<ul>
	<li>imagePath - path to directory with shadow images</li>
	<li>offsetX, offsetY - horizontal and vertical offset</li>
	<li>rightSize, bottomSize - dimensions of shadows</li>
	<li>rightImage, bottomImage, cornerImage - file names</li>
</ul>
<p class="code">
OAT.SimpleFX.shadow("myDiv",{});
</p>

<h3><a name="roundimg">OAT.SimpleFX.roundImg(element, optionsObject)</a></h3>
<p>Creates rounded corners, using images. Available options are:</p>
<ul>
	<li>corners - array of booleans, specifying corners to be rounded. Starting from left top clockwise.</li>
	<li>edges - array of booleans, specifying edges to be rounded. Starting from top clockwise.</li>
	<li>cornerFiles, edgeFiles - array of file names</li>
	<li>thickness - array of sizes, specifying thicknesses of corners. Starting from left top clockwise.</li>
</ul>
<p class="code">
OAT.SimpleFX.roundImg("myDiv",{corners:[1,1,0,0]});
</p>


<h3><a name="rounddiv">OAT.SimpleFX.roundImg(element, optionsObject)</a></h3>
<p>Creates rounded corners, using stacked DIVs. Available options are:</p>
<ul>
	<li>corners - array of booleans, specifying corners to be rounded. Starting from left top clockwise.</li>
	<li>color, backgroundColor - colors to be used. BackgroundColor is used only for computation of antialiasing color. Defaults to 'auto' (=inherit).</li>
	<li>antialias - boolean value</li>
	<li>size - radius. Good values are 2-8.</li>
</ul>
<p class="code">
OAT.SimpleFX.roundDiv("myDiv",{antialias:1,size:5});
</p>

<h3><a name="rounddiv">OAT.SimpleFX.shader(clicker, target, optionsObject)</a></h3>
<p>Marks <em>clicker</em> as a button, who hides/shows <em>target</em>. <em>Target</em> may be an array of elements. Available options are:</p>
<ul>
	<li>type - 0=only hide, 1=only show, 2=both (toggle)(</li>
</ul>
<p class="code">
OAT.SimpleFX.shader("myDiv",["myDiv1","myDiv2"],{type:2});
</p>

